<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>注册页面</title>
    <script src="jquery.js" type="text/javascript">
        $(function () {
       $("#username").blur(function(){

            if (this.value.length==0) {
                $("#p1").html("用户名不能为空");
            }else{
                $("#p1").html("");
            }
       });
       
       $("#telephone").blur(function(){
    	   if(this.value.length==0){
    		   $("#p2").html("手机号不能为空");
    	   }else if(this.value.length!=11){
    		   $("#p2").html("手机号输入有误");
    	   }else{
    		   $("#p2").html("");
    	   }
       });
       $("#password").blur(function(){
    	   if(this.value.length==0){
    		   $("#p3").html("密码不能为空");
    	   }else{
    		   $("#p3").html("");
    	   }
       });
       $("#repassword").blur(function(){
    	   var repas = $("#repassword").val();
    	   var pas = $("#password").val();
    	   if(repas!=pas){
    		   $("#p4").html("两次密码输入不一致");
    	   }else{
    		   $("#p4").html("");
    	   }
       });
       $("#creditcard").blur(function(){
    	   if(this.value.length==0){
    		   $("#p5").html("身份证号不能为空");
    	   }else if(this.value.length!=18){
    		   $("#p5").html("身份证号输入有误");
    	   }else{
    		   $("#p5").html("");
    	   }
       });
        })


           
    </script>

</head>
<body>
<form action="xitong.html">

    <table border="0px" width="450px" height="400px" align="center" cellpadding="0px" cellspacing="0px" bgcolor="#faebd7">

        <tr align="center">
            <td  style="font-size:25px" colspan="2">
                考试系统
            </td>
        </tr>

        <tr>
            <td>
                用户名：
            </td>
            <td >
                <input type="text" name="username" placeholder="请输入用户名" id="username">
                <p id="p1" > </p>
            </td>
        </tr>

        <tr>
            <td>
                手机号码：
            </td>
            <td>
                <input type="text" name="telephone" placeholder="请输入手机号码" id="telephone">
           		<p id="p2" > </p>
            </td>
        </tr>
        <tr>
            <td>
                密码：
            </td>
            <td>
                <input type="password" name="password" placeholder="请输入密码" id="password">
                <p id="p3" > </p>
            </td>
        </tr>
        <tr>
            <td>
                确认密码：
            </td>
            <td>
                <input type="password" name="repassword" placeholder="请再次输入密码" id="repassword">
                <p id="p4" > </p>
            </td>
        </tr>
        <tr>
            <td>
                身份证号：
            </td>
            <td>
                <input type="password" name="creditcard" placeholder="请输入身份证号码" id="creditcard">
                <p id="p5" > </p>
            </td>
        </tr>

        <tr align="center">
            <td colspan="2">
                <input type="submit" value="注册" style="background-color: #b3d4fc; width: 80px; height: 35px" ><input type="reset" style="background-color:silver;width: 80px; height: 35px">
            </td>
            <!--<td>-->
                <!--<input type="reset" >-->
            <!--</td>-->
        </tr>
    </table>
    </div>
</form>


</body>
</html>
